﻿@charset "UTF-8";

body {
	background-color: #e5e5e5;
	background-image:url(../imagenes/turnos-fondo.jpg);
	background-position:center center;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

/* tipografias */
body, th, td, option, select, input[type="text"]
{
	color:#3a3a4a;
	font-size:13px;
	line-height:18px;
	font-family:Tahoma,Geneva,Sans-Serif;
}

div.page {
	padding:20px;

}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:10px;
}



div#header {
	background-image:url(../imagenes/fondo-azul.jpg);
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	border-top:3px solid #0f2760;
	border-bottom:3px solid #0f2760;
	
}


#header h1 {
	color:#fff;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
}
#header h1 span {
	color:#66C;
	border-left: 2px solid #99D;
	margin-left:10px;
	padding-left:10px;

}

h2 {
	background-color:#CCC;
	background-image:url(../imagenes/overlay.png);
	background-repeat:repeat-x;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	
	margin: 4px 0 0 0;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	border-top:3px solid #bcbcbc;
	border-bottom:3px solid #bcbcbc;
	

}

/* listas */
ul li {
	list-style-type:circle;
	list-style-image:url(../imagenes/bullet_black.png);
	margin:6px 0;
}

/* botones */


input[type="button"], input[type="button"]:visited,
button, button:visited { /* botones genéricos */
	background: #222  url(../imagenes/overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor:pointer;
}


button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}


input[type="button"]:hover, button:hover { /* el efecto hover */
background-color: #111;
color: #FFF;
}

input[type="button"]:active, button:active{ /* el efecto click */
top: 1px;
}


/* botones medianos */


input[type="button"],
button,
input[type="button"]:visited, 
button:visited
{
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}





/* color del boton */

input[type="button"],input[type="button"]:visited,
button, button:visited { background-color: #0f2760; }
input[type="button"]:hover,
button:hover{ background-color: #153685; }

div#contenido {
	min-height:290px;
}

div#botonera {
	
	background-color:#CACACA;
	background-image:url(../imagenes/overlay.png);
	background-repeat:repeat-x;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	

	border-top:3px solid #CDCDCD;
	border-bottom:3px solid #bcbcbc;
	
	padding:8px 20px;
	
	margin: 4px 0 0 0;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	text-align:right;
	display:compact;

}

select, input[type="text"] {
	background: url(../imagenes/overlay.png) repeat-x;
	
	display: inline-block;
	padding: 5px 10px 6px;
	color: #343438;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px -3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px -1px rgba(0,0,0,0.25);
	border-top: 1px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor:pointer;
	
	font-size:14px;
	padding:2px;
	min-height:20px;	
}
